Iconion: Converts Icon Fonts To Icon Files

Icon fonts are quickly becoming a web design trend and there is a good reason for that. Instead of working with a load of files in different resolutions or large sprites to be controlled by CSS, we simply embed a special font. Creating icons with icon fonts gives designers the ability to manipulate the icons with CSS, and it can improve load times by up to 15%, and because they're vector in nature, they're infinitely scalable, while still being smaller in size than an image sprite.

Read more→

10 Custom Icon Font Generators for Designers

Icon fonts are the easiest way to embed vector graphics and definitely the fastest way too. Using an icon font can improve load times by up to 15%, and because they're vector in nature, they're infinitely scalable, while still being smaller in size than an image sprite. You can style icon fonts dynamically using CSS, rather than requiring a new graphic, with the added bonus of using CSS3 properties such as "text-shadow." And also leaving no room for additional HTTP request.

The downside of using an icon font is that, icons are typically grouped in discrete sets if you select icons that are not part of one specific set, you could be loading additional sets which may contain lots of unnecessary icons, resulting in extra loading time.

That's where custom icon font generators comes in. With these generators, you can create scalable and easy-to-style icons for your web projects. While there are tons of icon font generators online, here are 10 useful custom icon font generators you should consider using, starting from now!


Pictonic

Pictonic offers both free and premium versions when you sign up for an account. The first thing you should do is create an account and sign up to their website. After that, you can use their free icons, buy one icon for $0.59, or have a lifetime unlimited use of all their icons for only $199.

Read more→

40 High Quality Flat UI Icon Sets

Big brands are going flat, web designers are moving towards a flat design, and some people still believe it's just a trend and will soon be displaced.
Whatever your take is on flat design, it's still the hottest style right now. As a result, in our last resource, we shared a large collection of web ui kits that even your grandma will love.

Whether you prefer a completely flat ui, or elements with a bit of skeumorphism mixed in, this hand picked list of free flat icon sets is likely to strike your fancy.


1.  PSD - Flat Icons

Read more→

60 Free Flat UI Kits For Web Designers

If you have been a web designer that always keeps his ears down. You should have heard of the latest trend in the design world - Flat design. Over the past several months, we noticed that the use of beveled, eye-popping gradients, drop shadows were minimized.
Elements appear to sit flush with the background, instead of “popping” as if there were a layer of depth.

The release of iOS 7 proved flat design is no longer a passing fad, but rather a step forward, and now we can see lot's of big companies rebranding their website, likewise their brand identities, all after flat design.

If you believe you have be left behind. We have compiled a large collection of free flat UI kits to get you started.



1.  Polaris UI Free – User Interface Pack

Read more→

20+ Stunning Grunge Icon Sets

It's so obvious that web designers are now moving from glossy, shinning or gradient colored design style to a more adventitious way.
In our previous icon tutorial series, we shared 50 hand drawn icon sets. Now it's a grunge style icons. The grunge style is popular on the web and continues to be a refreshing departure from the glossy Web 2.0 trends of the past few years.

Now, I have assembled some of the best available grunge icon sets that will fits into any websites that use grunge textures or have grungy approach in their design.

Read more→

50 Free Awesome Hand-Drawn Icon Sets

Are you not tired of all those modern-themed icon with slick, shiny, and glossy gradients color?

For the more adventurous individuals among us looking to step outside these preconceptions of what icons should look like, hand-drawn themes that embody intentional asymmetry can be a better option for setting a user interface apart.

Hand drawn icons are a great way to spice up your website and showcase a playful side. By using these types of icons the, visitors will feel a creative type of approach.
We have gathered some of the best hand-drawn icons you can use for your design project's or interface.

Read more→